.spread-main {
  overflow: auto;
  background-image: radial-gradient(to 46% 99%, #F98657 50%, #F14E2C 100%);
  min-height: 100vh;
  .spread-con {
    background: #fff;
    display: flex;
    flex-direction: column;
    margin: 1rem auto 6rem;
    padding:2.5rem 1rem 1rem;
    border-radius: 10px;
    width: 19.64rem;
    height: 24.36rem;
    .spread-qrCode {
      width: 19.64rem;
      height: 19.64rem;
      margin-bottom: 3rem;
      .spread-qrCode-canvas {
        margin: 0 auto;
        display: block;
        position: fixed;
        right: 999px;
      }
    }
  }
  .spread-tips {
    text-align: center;
    font-size: 14px;
    color: #A6A6A6;
  }
}



